<template>
  <div style="margin-right: 12px">
    <Dropdown>
      <template #overlay>
        <Menu>
          <MenuItem>
            <template #icon>
              <SettingOutlined />
            </template>
            <span>个人设置</span>
          </MenuItem>
          <MenuItem>
            <template #icon>
              <LogoutOutlined />
            </template>
            <span>退出登录</span>
          </MenuItem>
        </Menu>
      </template>
      <Avatar shape="circle" :size="32">
        <template #icon>
          <UserOutlined />
        </template>
      </Avatar>
    </Dropdown>
  </div>
</template>
<script setup lang="ts">
import {
  UserOutlined,
  SettingOutlined,
  LogoutOutlined,
} from "@ant-design/icons-vue";
import { Dropdown, Menu, MenuItem, Avatar } from "ant-design-vue";
</script>


